<template>
	<view>
		<view class="BC">
			<view class="company">
					<image v-bind:src="company_img" mode=""></image>
					<p>{{company_name}}</p>
			</view>
		</view>
		<view class="companyBox">
			<navigator class="box" v-for="(box,index) in boxList" :key='index' :url="box.url" >
				<font style="width: 32px;height: 32px;border-radius: 50%;margin: auto 16px;">{{box.icon}}</font>
				<font>{{box.name}}</font>
				<font style='position: absolute;right: 35px;'>></font>
			</navigator>
		</view>
		<view class="" style="text-align: center;margin-top: 20%;color: #999999;">
			@ 吉鼎(厦门)科技有限公司 提供技术支备份
		</view>
	</view>
</template>

<script>
	import {findCompany} from '../../api/index.js'
	export default {
		data() {
			return {
				company_img:'../../static/logo.png',
				company_name:'吉鼎(厦门)科技有限公司',
				boxList:[
					{
						icon:'1',
						name:'企业信息',
						url:'../info/companyInfo'
					},
					{
						icon:'2',
						name:'登记二维码',
						url:'../manager/stat/stat'
					},
					{
						icon:'3',
						name:'数据下载',
						url:'../manager/stat/stat'
					}
				]
			}
		},
		methods: {
			// gotoMenu(index){
			// 		console.log(index)
			// 		console.log(this.boxList[index].url)
			// 		this.$router.replace('/companyInfo')
			// }
		},
		mounted:{
			// findCompany()
		}
	}
</script>

<style>
.BC{
	width: 100%;
	height:166px;
	background: #195B40;
	position: relative;
	
}
.company{
	width: 100%;
	height: auto;
	text-align: center;
	color: white;
	font-weight: 600;
	font-size: 15px;
}
.company image{
	text-align: center;
	width: 54px;
	height: 54px;
	margin: 20px auto;
	border-radius:8px ;
}
.companyBox{
	width: 100%;
}
.box{
	width: 90%;
	height: 60px;
	line-height: 60px;
	margin: 8px 5%;
	background: white;
	border-radius: 12px;
}
</style>
